
//获取输入框和登录按钮
let inputs = document.querySelectorAll('input')
let loginBtn = document.querySelector('button')

// console.log(inputs[0].value);
// console.log(inputs[1].value);
// console.log(loginBtn);
//给登录按钮绑定点击事件
loginBtn.onclick = ()=>{
    // console.log(111);
    //发起登录请求
    axios.post('/user/login' , { phone:inputs[0].value, pass:inputs[1].value }).then((res)=>{
        if( res.data.code == 200 ){

            //将token存储到localSrorage中
            localStorage.setItem('token' , res.data.token)

            console.log(res.data.token);
            // //将服务器返回的用户信息，存储到了localStorage中
            localStorage.setItem( 'userinfo' , JSON.stringify(res.data.userinfo) )

            //两个页面之间的数据共享（通信），可以借助localStorage ， sessionStorage ， cookie
            //他们都无法跨域共享数据（通信）
            //存数据：localStorage.setItem(key , value) 如果value是个引用类型，必须转为字符串再存入
            //取数据：localStorage.getItem(key) 取出来默认都是字符串类型，如果是个对象/数组形式的字符串，需要转为JSON对象

            alert('登陆成功！')
            location.href = './index.html'
        }else{
            alert('登录失败！')
        }
    })
}